<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
  <script type="text/javascript">
  	
  </script>
  
  <link rel="stylesheet" href="CSS/index.css" type="text/css"></link>
  <script type="text/javascript" src="js/index.js"></script>
  </head>
  
  <body id="body">
   <div id="head">
   		<ul id="scroll_img">
                <li id="frist"><a href="movie.do?action=play&id=10"><img src="img/gtx.jpg"/></a></li>
                <li><a href="movie.do?action=play&id=3"><img src="img/hz.jpg"/></a></li>
                <li><a href="movie.do?action=play&id=4"><img src="img/mdt.jpg"/></a></li>
                <li><a href="movie.do?action=play&id=20"><img src="img/game.jpg"/></a></li>
            </ul>
            <ul id="scroll_number">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
            </ul>
    </div>
    <div id="search">
    <div id="search1">
    	<ul id="search11">
    		<li>电影类型:</li>
    		<li>爱情</li>
    		<li>喜剧</li>
    		<li>动画</li>
    		<li>剧情</li>
    		<li>科幻</li>
    		<li>恐怖</li>
    		<li>战争</li>
    		<li>犯罪</li>
    	</ul>
    	<ul id="search12">
    		<li>所属区域:</li>
    		<li>大陆</li>
    		<li>香港</li>
    		<li>台湾</li>
    		<li>韩国</li>
    		<li>日本</li>
    		<li>欧美</li>
    	</ul>
    		
    </div>
    <div id="search2">
    <ul>
    		<li class="u1">电影名字</li>
    		<li class="u2">电影导演</li>
    </ul>
    <ul>	<li style="margin-top: -3px"><input type="text" value="" style="width: 150px;height: 26px;margin-left: 15px;" id="sousuo"/><input type="button" id="wuyu" value="搜索" style="width: 60px;height: 29px;" /></li>
    </ul>
    </div>
    </div>        
   <div id="mainleft" style="clear: left;width: 202px;float: left;">
   		<div id="mainleft1" style="border: 1px solid white;width: 200px;height: 160px">
   		<p style="font-size: 14px;width: 193px;height: 28px;background-color: #5fb701;line-height: 28px;padding-left: 7px;color: black;margin-bottom: 6px">欢迎光临</p>
   		<div style="padding-left: 7px">
   		<form >
   		<table >
   		<tr style="width: 160px;height: 40px;">
   			<td style="font-size: 16px">用户名：</td><td><input type="text" value="请输入用户名" style="width: 120px;height: 30px" id="mainleft11"></td>
   		</tr>
   		<tr style="width: 160px;height: 50px">
   			<td style="font-size: 16px">密&nbsp;&nbsp;&nbsp;码：</td><td><input type="password" style="width: 120px;height: 30px" id="mainleft12"></td>
   			</tr>
   			<tr style="padding-left: 20px">
   			<td colspan="2"  style="padding-left: 63px;"><input type="button" value="登录" id="dname">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="注册"  id="login"></td>
   			</tr>
   			</table>
   			</form>
   			</div>
   		</div>
   		<div style="border: 1px solid white;width: 200px;height: 150px;margin-top: 10px;">
   			<p style="font-size: 14px;width: 193px;height: 28px;background-color: #5fb701;line-height: 28px;padding-left: 7px;color: black;margin-bottom: 6px">您的会员信息</p>
   			<ul>
   				<li style="font-size: 15px;margin: 15px 7px;" >会员账号：<span id="zhanghao"></span></li>
   				<li style="font-size: 15px;margin: 15px 7px;" >会员积分：<span id="jifen"></span></li>
   				<li style="font-size: 15px;margin: 15px 7px;"><input type="button" value="积分充值" style="color: black;margin-right: 20px;margin-left: 15px" id="qq"><input type="button" value="修改密码" style="color: black" id="mm"></li>
   			</ul>
   		
   		</div>
   		<div style="border: 1px solid white;width: 200px;height: 150px;margin-top: 10px;display: none;" id="money">
   			<p style="font-size: 14px;width: 193px;height: 28px;background-color: #5fb701;line-height: 28px;padding-left: 7px;color: black;margin-bottom: 6px">充值信息</p>
   			<ul>
   				<li style="font-size: 15px;margin: 10px 7px;" >充值账号：<input type="text" value="请输入账号" style="width: 110px;height: 30px;color: black" id="money3" ></li>
   				<li style="font-size: 15px;margin: 10px 7px;" >充值积分：<input type="text"  style="width: 110px;height: 30px;color: black" id="money4" ></li>
   				<li style="font-size: 15px;margin: 10px 7px;"><input type="button" value="确定" style="color: black;margin-right: 32px;margin-left: 72px" id="money1"><input type="reset" value="重置" style="color: black" id="money2"></li>
   			</ul>
   		
   		</div>
   		<div style="border: 1px solid white;width: 200px;height: 235px;margin-top: 10px;display: none;" id="mima">
   			<p style="font-size: 14px;width: 193px;height: 28px;background-color: #5fb701;line-height: 28px;padding-left: 7px;color: black;margin-bottom: 6px">修改密码</p>
   			<ul>
   				<li style="font-size: 15px;margin: 10px 7px;" >修改账号：<input type="text" value="请输入账号" style="width: 110px;height: 30px;color: black" id="mima1" ></li>
   				<li style="font-size: 15px;margin: 10px 7px;" >旧的密码：<input type="password"  style="width: 110px;height: 30px;color: black" id="mima2" ></li>
   				<li style="font-size: 15px;margin: 10px 7px;" >新的密码：<input type="password"  style="width: 110px;height: 30px;color: black" id="mima3" ></li>
   				<li style="font-size: 15px;margin: 10px 7px;" >重复密码：<input type="password"  style="width: 110px;height: 30px;color: black" id="mima4" ></li>
   				<li style="font-size: 15px;margin: 10px 7px;"><input type="button" value="确定" style="color: black;margin-right: 32px;margin-left: 72px" id="mima5"><input type="reset" value="重置" style="color: black" id="mima6"></li>
   			</ul>
   		
   		</div>
   		<div id="mainleft2" style="border: 1px solid white; width: 200px;margin-top: 10px;">
   			<ul>
   			<li style="width: 193px;height: 28px; background-color:#5fb701;color: black; line-height: 28px; padding-left: 7px;">热门电影排行榜</li>
   			<c:forEach items="${list}" var="s" varStatus="v">
   				<li style="font-size: 16px;margin: 8px 7px;"><span style="color:#00b7ee ;font-size: 14px;">第${v.count}名</span>&nbsp;&nbsp;<a href="movie.do?action=play&id=${s.id}">${s.moviename}</a></li>
   			</c:forEach>
   			</ul>
   		
   		</div>
   
   
   </div>
    <div id="main" style="width: 560px;float: left;margin-left: 6px;color: white">
   		<div style="width: 558px;float: left;color: white;" >
   			<ul id="result" >
   			
   			</ul>
   		
   		
   		</div>
   		<div  id="haolei">
   		<ul >
   			<c:forEach items="${page.list}" var="s" varStatus="i">
   			
			<li style="float: left;width: 121px;height: 206px;margin-left: 48px;text-align: center; margin-top: 10px"><a href="movie.do?action=play&id=${s.id}"><img  src="${s.imgurl}" /></a><br>
			${s.moviename}<br>
			${s.actor}</li>
			</c:forEach>
			
			</ul>
			<div style="clear: both;margin-left: 60px;padding-top: 10px">
	<span>共${page.totalCount}部电影&nbsp;&nbsp;&nbsp;&nbsp;当前第${page.pageNo}页共${page.totalPage}页</span>
	<a href="movie.do?pageNo=1">首页</a>
	<a href="movie.do?pageNo=${page.pageNo-1}">上一页</a>
	<a href="movie.do?pageNo=${page.pageNo+1}">下一页</a>
	<a href="movie.do?pageNo=${page.totalPage}">末页</a>
	<input type="text" size="5" id="pageNo" style="color: black" />
	<script language="">
		function clickGo(){
			var pageNo=document.getElementById("pageNo").value;
			location.href="movie.do?pageNo="+pageNo;
		}
	</script>
	<input type="button" value="Go" onclick="clickGo()" style="color: black" />
   		</div>
   		
   		
   		</div>	
   </div>
   <div style="width:200px;height:670px;float: right;color: white;border: 1px solid white;margin-top: 11px;overflow: hidden;">
   <ul id="last">
   <c:forEach items="${list4}" var="s" varStatus="i">
   			
			<li style="width: 180px;height: 20px;margin-left: 10px;text-align: center; margin-top: 6px"><a href="movie.do?action=play&id=${s.id}"></a><br>
			<a href="movie.do?action=play&id=${s.id}">${s.moviename}</a></li>
			</c:forEach>
   </ul>
  </div>
   <div id="four">
         <div style="font-size:13px;color:#9f9f9f;width:350px;margin:20px auto 0;" > 
               <ul>
            	<li><a href="#">首页</a><span></span></li>
                <li><a href="#">客户服务</a><span></span></li>
                <li><a href="#">品牌合作</a><span></span></li>
                <li><a href="#">网站联盟</a><span></span></li>
                <li><a href="#">投诉与建议</a></li>
                </ul>
            </div>
            <div style="font-size:13px;color:withe;margin-left:300px;clear:both"  >版权所有 © 2016 Mozilla Firefox. 北京谋智火狐信息技术有限公司</div>
        <div style="width:250px;margin:5px auto;" ><img src="img/imgs/btm_logo_1.gif"></img>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/imgs/btm_logo_2.gif"></img>
        </div>
         
         </div>
  
  
  </body>
</html>
